.border-1px(@color) {
  position: relative;
  &:after {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    content: '';
    border-top: 1px solid @color;
  }
}

.border-none() {
  &:after {
    display: none;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5) {
  .border-1px {
    &::after {
      -webkit-transform: scale(0.7);
      transform: scale(0.7);
    }
  }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2) {
  .border-1px {
    &::after {
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
    }
  }
}

.bg-image(@url) {
  //background-image: url("@{url}@2x.png");
  background-image: ~"url(@{url}@2x.png)";
  @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    //background-image: url("@{url}@3x.png");
    background-image: ~"url(@{url}@3x.png)";
  }
}

